<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"  />
		<title>淘宝联系</title>
		<style type="text/css">
			*{
				margin: 0px;
				padding: 0px;
			}
			@font-face{
				font-family:iconfont;
				src:url(//at.alicdn.com/t/font_403341_n8tj33yn5peng66r.eot 

);
				src:url(//at.alicdn.com/t/font_403341_n8tj33yn5peng66r.eot?#iefix 

) format('embedded-opentype')
				,url(//at.alicdn.com/t/font_403341_n8tj33yn5peng66r.woff 

) format('woff'),
				url(//at.alicdn.com/t/font_403341_n8tj33yn5peng66r.ttf 

) format('truetype'),
				url(//at.alicdn.com/t/font_403341_n8tj33yn5peng66r.svg#iconfont 

) format('svg');
			}
			.b1{
				font-family: iconfont!important;
    			/*font-size: 14px;*/
    		
			}
			.body{
				background: #f4f4f4;
			}
			.all{
				width: 1190px;
				margin: 0 auto;
				/*border: 1px solid red;*/
				overflow: hidden;
				margin-top: 50px;
			}
			.left{
				background: #ffffff;
				width: 590px;
				padding-left: 21px;
				padding-right: 17px;
				box-sizing: border-box;
				float: left;
				
			}
			
			.top{
				overflow: hidden;
			}
			.p1{
				height: 24px;
				float: left;
			}
			.t1{
				font-size: 20px;
				color: #ccc;
				float: left;
				margin-left: 5px;
			}
			.z1{
				float: left;
				font-size: 12px;
				font-weight: 400;
				height: 24px;
				line-height: 24px;
				color: #999;
			}
			.z2{
				float: right;
				font-size: 12px;
				height: 24px;
				line-height: 24px;
			}
			.z2 a{
				color: #999;
				text-decoration: none;
			}
			ul{
				list-style-type: none;
			}
			.l1{
				font-size: 16px;
				height: 28px;
				line-height: 28px;
				color: #3c3c3c;
				
			}
			.l1 a{
				color: #3c3c3c;
				text-decoration: none;
			}
			.l1 a:hover{
				color: #f40;
			}
			.l2{
				font-size: 14px;
				height: 24px;
				line-height: 24px;
				color: #999;
				font-weight: lighter;
			}
			.l2 a{
				color: #3c3c3c;
				text-decoration: none;
			}
			.t2{
				font-size: 14px;
				color: #35b1ff;
				margin-top: 12px;
				line-height: 22px;
				height: 22px;
			}
			.t2 a{
				color: #35b1ff;
				text-decoration: none;
			}
			.content{
				margin-top: 22px;
				padding-bottom: 10px;
				box-sizing: border-box;
			}
			.f1{
				float: left;
				margin-right: 4px;
			}
			.f2{
				float: left;
				margin-right: 4px;
			}
			.f3{
				float: left;
				margin-right: 4px;
			}
			.rows1{
				overflow: hidden;
			}
			.rows2{
				overflow: hidden;
				margin-top: 40px;
			}
			.top{
				padding-top: 12px;
				box-sizing: border-box;
			}
			.g{
				width: 180px;
			}
			.h6{
				width: 200px;
				height: 100px;
				background: black;
				float: left;
			}
			
			
		.right{
				background: #FFFFFF;
				width: 590px;
				padding-left: 21px;
				padding-right: 17px;
				box-sizing: border-box;
				float: right;
				
			}
			
			.top2{
				overflow: hidden;
			}
			.p11{
				height: 23px;
				float: left;
			}
			
			.z11{
				float: left;
				font-size: 12px;
				font-weight: 400;
				height: 24px;
				line-height: 24px;
				color: #999;
				margin-left: 6px;
			}
			.z22{
				float: right;
				font-size: 12px;
				height: 24px;
				line-height: 24px;
			}
			.z22 a{
				color: #999;
				text-decoration: none;
			}
			ul{
				list-style-type: none;
			}
			.l11{
				font-size: 14px;
				height: 44px;
				line-height: 22px;
				color: #999;
				margin-top: 4.5px;
				12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif
			}
			.l11 a{
				color: #999;
				text-decoration: none;
			}
			.l11 a:hover{
				color: #f40;
			}
			.t22{
				float: left;
				margin-left: 4px;
			}
			.t33{
				font-size: 12px;
				color: #999;
				margin-left: 10px;
				line-height: 22px;
				height: 22px;
				
				float: left;
				12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif
			}
			.t22 img{
				width: 22px;
			}
			.t33 a{
				color: #999;
				text-decoration: none;
			}
			.content{
				margin-top: 22px;
				padding-bottom: 10px;
				box-sizing: border-box;
			}
			.f11{
				float: left;
				margin-right: 4px;
			}
			.f22{
				float: left;
				margin-right: 4px;
			}
			.f33{
				float: left;
				margin-right: 4px;
			}
			.rows11{
				overflow: hidden;
			}
			.rows22{
				overflow: hidden;
				margin-top: 40px;
			}
			.top2{
				padding-top: 12px;
				box-sizing: border-box;
			}
			.h6{
				width: 200px;
				height: 100px;
				background: black;
				float: left;
			}
			.k{
				width: 180px;
				
			}
			.small{
				overflow: hidden;
				margin-top: 12px;
			}	
			.imgx{
				border-radius: 50%;
			}
			.bs{
				width: 180px;
				height: 180px;
				background: black;
			}
			.bs img{
				opacity: 0.9;
			}
			a:hover img{
				opacity: 0.8;
			}
			li:hover .l1 a{
				color: #F40;
			}
			li:hover .l11 a{
				color: #F40;
			}
		</style>
	</head>
	<body>
		
		<div class="all">
			<div class="left">
			<div class="top">
				<a href="#"><img src="img/TB1tqpnegMPMeJjy1XcXXXpppXa-148-48.png" class="p1" /></a>
				<p class="b1 t1">&#xe610;</p>
				<p class="z1">与品质生活不期而遇</p>
				<p class="z2"><a href="#">换一换</a></p>
			</div>
			<div class="content">
				<div class="rows1">
				<ul class="f1">
					<li>
						<div class="g">
							<div class="bs"><a href="#"><img src="img/TB2ft1dtFXXXXcRXXXXXXXXXXXX_!!0-dgshop.jpg_180x180xzq90.jpg_.webp.jpg" /></a></div>
							<p class="l1"><a href="#">Lord Camelot水晶耳钉</a></p>
							<p class="l2"><a href="#">Lord Camelot这款耳钉采用</a></p>
							<p class="b1 t2"><a href="#"><a href="#">&#xe676; 42 人说好</a></a></p>
						</div>
					</li>
				</ul>
				<ul class="f2">
					<li>
						<div class="g">
							<div class="bs"><a href="#"><img src="img/TB2nBa3XMy17eJjSZFMXXXIEVXa_!!1832653966-0-beehive-scenes.jpg_180x180xzq90.jpg_.webp.jpg" /></a></div>
							<p class="l1"><a href="#"><img src="img/TB1M3jielTH8KJjy0FiXXcRsXXa-60-16.png" /> CERRUT I1881</a></p>
							<p class="l2"><a href="#">映衬时尚树皮纹路的潮流外</a></p>
							<p class="b1 t2"><a href="#"><a href="#">&#xe676; 7 人说好</a></a></p>
						</div>
					</li>
				</ul>
				<ul class="f3">
					<li>
						<div class="g">
							<div class="bs"><a href="#"><img src="img/TB2z_jysHBnpuFjSZFGXXX51pXa_!!2228263127.jpg_180x180xzq90.jpg_.webp.jpg" /></a></div>
							<p class="l1"><a href="#">七九一鹿 休闲拖鞋</a></p>
							<p class="l2"><a href="#">牛仔布搭配上白边造型，结</a></p>
							<p class="b1 t2"><a href="#"><a href="#">&#xe676; 27 人说好</a></a></p>
						</div>
					</li>
				</ul>
				</div>
				<div class="rows2">
				<ul class="f1">
					<li>
						<div class="g">
							<div class="bs"><a href="#"><img src="img/TB2.HE8pSXlpuFjy0FeXXcJbFXa_!!2049157460-0-beehive-scenes.jpg_180x180xzq90.jpg_.webp.jpg" /></a></div>
							<p class="l1"><a href="#">纯色连帽外套</a></p>
							<p class="l2"><a href="#">来自Little creative factory的</a></p>
							<p class="b1 t2"><a href="#"><a href="#">&#xe676; 12 人说好</a></a></p>
						</div>
					</li>
				</ul>
				<ul class="f2">
					<li>
						<div class="g">
							<div class="bs"><a href="#"><img src="img/TB2KSDms5lnpuFjSZFgXXbi7FXa_!!780077270-2-beehive-scenes.png_180x180xzq90.jpg_.webp.jpg" /></a></div>
							<p class="l1"><a href="#">加一联创圈铁耳机</a></p>
							<p class="l2"><a href="#">1MORE四单元圈铁耳机采</a></p>
							<p class="b1 t2"><a href="#"><a href="#">&#xe676; 33 人说好</a></a></p>
						</div>
					</li>
				</ul>
				<ul class="f3">
					<li>
						<div class="g">
							<div class="bs"><a href="#"><img src="img/TB2JYPSr98mpuFjSZFMXXaxpVXa_!!2172630030.jpg_180x180xzq90.jpg_.webp.jpg" /></a></div>
							<p class="l1"><a href="#"><img src="img/TB1M3jielTH8KJjy0FiXXcRsXXa-60-16.png" /> 微麻辣香肠腊</a></p>
							<p class="l2"><a href="#">四川腊肠的特色在于它的味</a></p>
							<p class="b1 t2"><a href="#"><a href="#">&#xe676; 44 人说好</a></a></p>
						</div>
					</li>
				</ul>
				</div>
			</div>
			
		</div>
		<div class="right">
			<div class="top2">
				<a href="#"><img src="img/TB1UNX2bSFRMKJjy0FhXXX.xpXa-112-46.png" class="p11" /></a>
				
				<p class="z11">献给聪明可爱的你</p>
				<p class="z22"><a href="#">更多 ></a></p>
			</div>
			<div class="content">
				<div class="rows11">
				<ul class="f11">
					<li>
						<div class="k">
							<div class="bs"><a href="#"><img src="img/TB2Ad4adr1J.eBjy1zeXXX9kVXa_!!1672902197-0-beehive-scenes.jpg_180x180xzq90.jpg_.webp.jpg" /></a></div>
							<p class="l11 b1"><a href="#"> &#xe621; 赫恩男士护手霜滋润保湿防干裂补水冬季防冻裂手</a></p>
							<div class="small">
							<p class="b1 t22"><a href="#"><img src="img/TB2lSwItVXXXXbLXpXXXXXXXXXX_!!0-mytaobao.jpg_30x30.jpg" class="imgx" /></a></p>
							<p class="t33"><a href="#">潮流女孩girl</a></p>
							</div>
						</div>
					</li>
				</ul>
				<ul class="f22">
					<li>
						<div class="k">
							<div class="bs"><a href="#"><img src="img/TB2z131tVXXXXXOXpXXXXXXXXXX_!!2-dgshop.png_180x180xzq90.jpg_.webp.jpg" /></a></div>
							<p class="l11 b1"><a href="#"> &#xe621; 美丽工匠不锈钢睫毛夹卷翘持久迷你便携卷翘器化</a></p>
							<div class="small">
							<p class="b1 t22"><a href="#"><img src="img/TB2lSwItVXXXXbLXpXXXXXXXXXX_!!0-mytaobao.jpg_30x30.jpg" class="imgx" /></a></p>
							<p class="t33"><a href="#">潮流女孩girl</a></p>
							</div>
						</div>
					</li>
				</ul>
				<ul class="f33">
					<li>
						<div class="k">
							<div class="bs"><a href="#"><img src="img/TB2z_jysHBnpuFjSZFGXXX51pXa_!!2228263127.jpg_180x180xzq90.jpg_.webp.jpg" /></a></div>
							<p class="l11 b1"><a href="#"> &#xe621; 棉拖鞋男士秋冬季厚底室内保暖鞋包跟平底居家居</a></p>
							<div class="small">
							<p class="b1 t22"><a href="#"><img src="img/TB2m9kknYsTMeJjSszdXXcEupXa_!!2218891225-0-beehive-scenes.jpg_30x30.jpg" class="imgx" /></a></p>
							<p class="t33"><a href="#">潮范时光机</a></p>
							</div>
						</div>
					</li>
				</ul>
				</div>
				<div class="rows22">
				<ul class="f1">
					<li>
						<div class="k">
							<div class="bs"><a href="#"><img src="img/TB1Kt.7QXXXXXasXpXXXXXXXXXX_!!0-item_pic.jpg_180x180xzq90.jpg_.webp.jpg" /></a></div>
							<p class="l11 b1"><a href="#"> &#xe621; 佰草世家头发增长液变长生长男女快速增发密发液</a></p>
							<div class="small">
							<p class="b1 t22"><a href="#"><img src="img/TB1KFP1JFXXXXalXXXX7WcCNVXX-400-400.png_30x30.jpg" class="imgx" /></a></p>
							<p class="t33"><a href="#">爱逛***01</a></p>
							</div>
						</div>
					</li>
				</ul>
				<ul class="f22">
					<li>
						<div class="k">
							<div class="bs"><a href="#"><img src="img/TB11LM6XsrHK1JjSszcXXch4VXa_!!0-item_pic.jpg_180x180xzq90.jpg_.webp.jpg" /></a></div>
							<p class="l11 b1"><a href="#"> &#xe621; 夹棉睡衣男士冬季加厚秋冬款珊瑚绒法兰绒加绒保</a></p>
							<div class="small">
							<p class="b1 t22"><a href="#"><img src="img/TB1KFP1JFXXXXalXXXX7WcCNVXX-400-400.png_30x30.jpg" class="imgx" /></a></p>
							<p class="t33"><a href="#">爱逛***01</a></p>
							</div>
						</div>
					</li>
				</ul>
				<ul class="f3">
					<li>
						<div class="k">
							<div class="bs"><a href="#"><img src="img/TB1P09ILXXXXXaDXVXXXXXXXXXX_!!0-item_pic.jpg_180x180xzq90.jpg_.webp.jpg" /></a></div>
							<p class="l11 b1"><a href="#"> &#xe621; 鞋架多层简易家用经济型鞋柜收纳架组装现代简约</a></p>
							<div class="small">
							<p class="b1 t22"><a href="#"><img src="img/TB2m9kknYsTMeJjSszdXXcEupXa_!!2218891225-0-beehive-scenes.jpg_30x30.jpg" class="imgx" /></a></p>
							<p class="t33"><a href="#">潮范时光机</a></p>
							</div>
						</div>
					</li>
				</ul>
				</div>
			</div>
			
		</div>
		
	</div>	
	</body>
</html>